<template>
	<el-row class='mb28'>
		<el-row class='text-left mt12  mb10'>{{object_form.name}}
  		</el-row>
		<el-col :span='11' align='left'>
			<el-card shadow="hover"  class='mb20'>
					<el-row>
			      		<el-tabs v-model="fir_activeName" >
			    				<el-tab-pane label="标的信息" name="first"></el-tab-pane>
			    		</el-tabs>
						<el-form  label-width="120px" size='small' class='form_auto'>
								  <el-col :span='12'>
								  		<el-form-item label="募集金额：">
										  		{{object_form.collectionAmt}}
										</el-form-item>
										<el-form-item label="已还本金：">
										  		{{object_form.capitalRepaidAmt}}
										</el-form-item>
										<el-form-item label="已还利息：">
										  		{{object_form.interestRepaidAmt}}
										</el-form-item>
										<el-form-item label="本息清算：">
										  		{{object_form.ciClearingAmt}}
										</el-form-item>
										<el-form-item label="募集账户：">
										  		{{object_form.collectionAccount}} 
										</el-form-item>
										<el-form-item label="发行人账户：">
										  		{{object_form.issueAccount}}   
										</el-form-item>
								  </el-col>
								  <el-col  :span='12'>
								  		<el-form-item label="剩余还款期数：">
										  		{{object_form.residualRepayTerms}}
										</el-form-item>
										<el-form-item label="服务费清算：">
										  		{{object_form.scClearingAmt}}
										</el-form-item>
										<el-form-item label="成立日期：">
										  		{{object_form.foundDate}}
										</el-form-item>
										<el-form-item label="起息日期：">
										  		{{object_form.valueDate}}
										</el-form-item>
										<el-form-item label="到期日期：">
										  		{{object_form.dueDate}}
										</el-form-item>

								  </el-col>
						</el-form>
					</el-row>
					<el-row  class='text-right  ft14'>
						业务二部  {{object_form.createUserName}}  创建于  {{object_form.modifyTime | formatDate}}
					</el-row>
		    </el-card>
		    <el-card shadow="hover"  class='mb20'>  
					<el-row>
			      		<el-tabs v-model="fir_activeName" >
			    				<el-tab-pane label="产品信息" name="first"></el-tab-pane>
			    		</el-tabs>
						<el-form  label-width="120px" size='small' class='form_auto'>
								  <el-col :span='12'>
								  		<el-form-item label="产品规模：">
										  		{{pro_form.size}}
										</el-form-item>
										<el-form-item label="产品期限：">
										  		
										</el-form-item>
										<el-form-item label="起投与利率：">
										  		
										</el-form-item>
										<el-form-item label="来源：">
										  		
										</el-form-item>
								  </el-col>
								  <el-col  :span='12'>
								  		<el-form-item label="上线状态：">
										  		
										</el-form-item>
										<el-form-item label="上线日期：">
										  		
										</el-form-item>
										<el-form-item label="产品状态：">
										  		
										</el-form-item>
								  </el-col>
						</el-form>
					</el-row>
					<el-row  class='text-right  ft14'>
						业务二部  令狐冲  创建于  2019-01-05 10：53：55
					</el-row>
		    </el-card>
		    <el-card shadow="hover">
					<el-row>
			      		<el-tabs v-model="fir_activeName" >
			    				<el-tab-pane label="项目信息" name="first"></el-tab-pane>
			    		</el-tabs>
						<el-form  label-width="120px" size='small' class='form_auto'>
								  <el-col :span='12'>
								  		<el-form-item label="项目名称：">
										  		
										</el-form-item>
								  		<el-form-item label="项目类型：">
										  		收益权转让类
										</el-form-item>
										<el-form-item label="发行平台：">
										  		
										</el-form-item>
										<el-form-item      label="开始计息日：" >
						                    
						                </el-form-item>
									    <el-form-item      label="到期计息日：" >
						                    
						                </el-form-item>
						                <el-form-item label="兑付方式：" >
										  		按自然季度支付收益，到期支付本金及最后一笔收益
										</el-form-item>
										<el-form-item      label="全年计息天数：" prop='allYearInterest'>
					                    		
							            </el-form-item>
							            <el-form-item label="项目利率：">
					                        20000-7.0% 
					                    </el-form-item>
								  </el-col>
								  <el-col  :span='12'>
								  		<el-form-item label="发行人：">
					                       
					                    </el-form-item>
					                    <el-form-item label="担保方：">
					                       
					                    </el-form-item>
					                    <el-form-item label="承销商：">
					                       
					                    </el-form-item>
					                    <el-form-item label="受托管理人：">
					                       
					                    </el-form-item>
					                    <el-form-item label="律师事务所：">
					                       
					                    </el-form-item>
					                    <el-form-item label="居间信息服务商：">
					                       
					                    </el-form-item>
								  </el-col>
						</el-form>
						
					</el-row>
					<el-row  class='text-right'>
						业务二部  令狐冲  创建于  2019-01-05 10：53：55
					</el-row>
		    </el-card>
		</el-col>	
		<el-col :span='11' align='left' :offset='1'>
			<el-card shadow="hover"  class='mb20'>
					<el-row>
			      		<el-tabs v-model="fir_activeName" >
			    				<el-tab-pane label="投资人信息" name="first"></el-tab-pane>
			    		</el-tabs>
						
					</el-row>
					<el-row  class='text-right'>
						
					</el-row>
		    </el-card>
		</el-col>
		
        
	</el-row>
</template>

<script type="text/javascript">
//interface
import  { detailObject }  from '@/api/professional_work/object/index'
//组件

export default {
	name: 'underlying_datail',
	data(){
		return {
			fir_activeName:'first',

			current_code:'',
			//标的信息
			object_form:{

			},
			//产品信息
			pro_form:{

			},
			//项目信息
			project_form:{

			},
			//投资人
			invest_form:{

			},
		}
	},
	created(){
		console.log(this.$route.params)
		this.current_code = this.$route.query.code
		this.pageInit()
	},
	methods:{
		pageInit(){
        	this.loading=true
				let that =this
			    // console.log(code)
			      detailObject(this.current_code).then(res => {
			          this.loading = false
			          this.$message({type:'success',message:res.data.msg})
			          this.object_form = res.data.data
			          this.pro_form = res.data.data.productVO
			          this.project_form = res.data.data.projectVO
			          this.invest_form = res.data.data.investorVOList
			      })
			      .catch(error => {
			            this.loading = false
			            that.outputError(error)
			      })
		},
     },
     components:{
     
     }
}
</script>

<style  scoped>
.form_auto{padding-right: 60px;}
.inline-input{width: 40%;}
@media screen and (max-width: 1418px) {
    .form_auto{padding-right: 0px;}
    .el-input--suffix .el-input__inner{padding-right: 18px;}
}

@media screen and (max-width: 1124px) {
    .inline-input{width: 80%;}
}

@media screen and (max-width: 1105px) {
    .pro_line{margin-left:120px;}
}
</style>